<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head th:include="css :: css">
    <meta charset="UTF-8">
    <title>监控</title>

    <style>
        table {
            border-collapse: collapse;
            border-spacing: 0
        }

        td, th {
            padding: 0
        }

        a {
            text-decoration: none;
        }

        body {
            font-family: "微软雅黑";
        }

        .event > .info {
            margin: 10px 0;
        }

        .event > .info > table {
            width: 100%;
            font-size: 12px;
            margin: 0;
        }

        .event > .info > table th {
            background: #E0ECFF;
            height: 20px;
            line-height: 20px;
            font-size: 14px;
            font-weight: bold;
            color: #0E2D5F;
            /* Text */

            padding: 3px 7px;
            text-align: left;
            border: solid 1px #95B8E7;
        }

        .event > .info > table tr td {
            border: solid 1px #95B8E7;
            border-top: none;
            line-height: 20px;
            text-align: center;;
        }
    </style>
</head>

<body style="background-color: white;margin-left: 15px;margin-top: 15px">
<div class="event" style="width:100%;clear:both">
    <div>

        <div class="info" style="margin-left: 10px;float: left;width: 40%;">
            <!--span>提卡用户</span>-->
            <table id="interventionTable">
                <tr>
                    <th colspan="2" style="font-size: 18px;">提卡用户</th>
                </tr>
                <tr>
                    <td>成功提卡用户数</td>
                    <td>新增提卡用户数</td>
                </tr>
            </table>
            <!--span>消耗速度监控</span-->
            <table id="orderEnterTable" style="margin-top: 29px;">
                <tr>
                    <th colspan="9" style="font-size: 18px;">消耗速度监控</th>
                </tr>
                <tr>
                    <td>运营商</td>
                    <td>地区</td>
                    <td>面值</td>
                    <td>销卡数量(张/分钟)</td>
                </tr>
            </table>
        </div>
    </div>
    <div style="float: left;width: 2%;opacity: 0;"> -</div>
    <div class="info" style="float: left;width: 45%;">
        <!--span>提卡面值监控</span-->
        <table id="orderFaceTable">
            <tr>
                <th colspan="9" style="font-size: 18px;">提卡面值监控</th>
            </tr>
            <tr>
                <td>运营商</td>
                <td>地区</td>
                <td>面值</td>
                <td>失败总面值</td>
                <td>成功总面值</td>
                <td>提卡总面值</td>
            </tr>
        </table>
    </div>


</div>

<div th:include="js :: js"></div>
<script type="text/javascript" th:attr="src=@{/js/jquery.form.js}"></script>
<script type="text/javascript" th:attr="src=@{/js/jquery.parser.js}"></script>
<script type="text/javascript" src="js/jquery.icheck/icheck.min.js"></script>
<script type="text/javascript" src="/js/pageJs/report/dajiankong.js?deVersion=2018090902"></script>

</body>
</html>